/*
 * Baseline styles
 */
body {
    margin: 0;
    padding: 0;
    background: #fff;
}

#loadingPanel {
    background: #fff;
    font-size: 17px;
    line-height: 17px;
    font-weight: 300;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    position: absolute;
    z-index: 100000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loading {
    width: 100%;
    /*height: 100%;*/
    text-align: center;
    padding-top: 20%;
    color: #000;
    margin: 0;
    font: 1.0em verdana;
    /*text-transform: uppercase;*/
    letter-spacing: .1em;
}

/*
 * Loading Dots
 * Can we use pseudo elements here instead :after?
 */
.loading span {
    display: inline-block;
    vertical-align: middle;
    width: .6em;
    height: .6em;
    margin: .19em;
    background: rgba(255, 228, 46, 0.48);
    border-radius: .6em;
    -webkit-animation: loading 1s infinite alternate;
    animation: loading 1s infinite alternate;
}

/*
 * Dots Colors
 * Smarter targeting vs nth-of-type?
 */
.loading span:nth-of-type(2) {
    background: rgba(255, 199, 31, 0.48);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loading span:nth-of-type(3) {
    background: rgba(255, 136, 6, 0.48);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.loading span:nth-of-type(4) {
    background: rgba(255, 91, 12, 0.48);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.loading span:nth-of-type(5) {
    background: rgba(255, 67, 0, 0.48);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.loading span:nth-of-type(6) {
    background: rgba(255, 53, 8, 0.48);
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
}

.loading span:nth-of-type(7) {
    background: rgba(255, 5, 15, 0.48);
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

/*
 * Animation keyframes
 * Use transition opacity instead of keyframes?
 */
@-webkit-keyframes loading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes loading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.span{
    color: #fffffb;
    font-weight: bold;
}

.span_link a:link, a:visited {
    text-decoration: none;text-decoration:none;
    color: #205BD5;font-weight: normal;
    font-family: 方正兰亭黑,serif;
}
.span_link a:hover, a:active {
    color: #205BD5;text-decoration:none;
    border: none;font-weight: bold;
}